<script setup lang="ts">
const props = defineProps({
  billNoList: {
    type: Array<any>,
    default: () => []
  }
});
</script>

<template>
  <div class="billno-box">
    <div
      v-for="(item, index) in props.billNoList"
      :key="index"
      class="image-item"
    >
      <img :src="item.label" class="image" />
    </div>
  </div>
</template>
<style lang="scss" scoped>
.billno-box {
  margin-bottom: 25px;
  -webkit-print-color-adjust: exact;
  -moz-print-color-adjust: exact;
  // color-adjust: exact;
  page-break-after: always;
  .image-item {
    display: flex;
    justify-content: center;
    padding-top: 20px;
    .image {
      width: 600px;
      height: 1000px;
    }
  }
}
</style>
